.banner { height:390px; background:url('/static/images/news_banner.jpg') center; }
.topnews { display:block; padding:0; border-bottom:#dddddd solid 1px;}
.topnews-box ul { margin-left:-30px; }
.topnews-box ul li { margin:0 0 20px 30px; transition:all 200ms linear; }
.topnews-box ul li:hover {transform:translate3d(0, -3px,0); box-shadow:#999 5px 5px 10px 0;}


.news-warp {  background-color:#F4F4F4; } 
.news { padding-top:30px; }
.news-item { margin-top:30px; padding:20px 20px 20px 50px; background-color:#ffffff; transition:all 200ms linear; overflow:hidden; }
.news-item:hover { border-radius:10px; transform:translate3d(0, -3px,0); box-shadow:#ccc 3px 5px 10px 2px;} 
.news-img { float:right; width:172px; height:127px; overflow: hidden;; }
.news-img img { width:172px; } 
.news-content { margin:0 220px 0 0; height:130px; overflow:hidden; } 
.news-title { display:block; font-size:22px; color:#333333; } 
.news-des { display:block; margin-top:10px; height:70px; overflow:hidden; line-height:28px; font-size:14px; color:#999999; } 
.news-page { text-align: center; padding:80px 0; }
.news-info{height:30px; font-size:12px; color:#999;}

.news-item-top { margin-top:30px; padding:20px 20px 20px 50px; background-color:#ffffff; transition:all 200ms linear; overflow:hidden; }
.news-item-top .news-img { float:left; width:272px; height:200px; overflow: hidden; }
.news-item-top .news-img img { width:272px;}
.news-item-top .news-content { margin:0 0 0 300px; height:200px; overflow:hidden; } 
.news-item-top .news-des{ height:130px;}